<template>
	<view>
		<view class="content_wrap" v-for="(item, index) in list" :key="index">
			<view class="content row">
				<image :src="item.bankIcon" mode="aspectFill"></image>
				<span>{{item.bankName}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	import { BASE_URL,bankList } from '@/utils/api'
	
	export default {
		data() {
			return {
				list: []
			}
		},
		methods: {
			async bankList(){
				let res = await bankList();
				if(res.code == 1){
					this.list = res.data;
				}
			},
		},
		onLoad() {
			this.bankList();
		}
	}
</script>

<style>
.content_wrap{padding-left: 27upx; background: #FFFFFF; color: #333333; font-size: 32upx; font-weight: bold;}
.content_wrap .content{height: 120upx;  padding-right: 30upx; border-bottom: 2upx solid #E6E6E6;}
.content_wrap .content image{height: 60upx; width: 60upx; margin-right: 22upx;}
</style>
